<!--
 * @Author: 369886629@qq.com 369886629@qq.com
 * @Date: 2025-03-21 14:35:53
 * @LastEditors: 369886629@qq.com 369886629@qq.com
 * @LastEditTime: 2025-04-10 17:56:04
 * @FilePath: \sqeybusiness-h5\src\views\home\zhiding.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="content">
        <!-- 这里放置页面的主要内容 -->
        <h1 style="text-align:left;padding-left:10px;">公众号设置（声音/震动）提示消息的方法</h1>
        <div style="display:flex;flex-direction:row;">
            <div style="font-size:13px;color:#999;padding-left:10px;">{{ currentTime }}</div>
            <div style="padding-left:10px;color:dodgerblue;">快消商机</div>
        </div>
        <p class="text">请确保您已经完成了“置顶公众号”的操作。            。</p>
        <p class="text">1、首先确认自己是否处于消息免打扰的状态：如您看到消息免打扰图标：斜线+铃铛，则表明您目前处于消息免打扰状态，那么您手机息屏的时候不会有任何声音/震动提示。如下图：</p>
        <div>
            <img :src="require('@/assets/miandarao.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <p class="text">2、请进入快消商机公众号界面，依次点击屏幕右上角小人头像，点击屏幕右上角三个圆点(更多选项），在弹出的选项中选择设置进入，确保消息免打扰选项为关闭状态</p> 
        <div>
            <img :src="require('@/assets/gongzhonghao.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <div>
            <img :src="require('@/assets/sandian.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <div>
            <img :src="require('@/assets/shezhi.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <div>
            <img :src="require('@/assets/guanbi.png')" alt="公众号" style="width: 80%; height: auto;margin-left:10%;">
        </div>
        <p class="text">3、经过设置后，消息免打扰的图标(斜线+铃铛)消失，恢复到正常接收商机的状态为：。</p>
        <p class="text">设置完成。</p>
    </div>
</template>

<script>
export default {
    name: 'App',
    data() {
        return {
            // 这里可以定义组件的数据
            currentTime: new Date().toLocaleString() // 当前时间
        };
    },
    methods: {
        // 这里可以定义组件的方法
    },
    created() {
        // 组件创建后的钩子函数
    },
    mounted() {
        // 组件挂载后的钩子函数
    }
};
</script>

<style scoped>
/* 这里可以编写组件的样式 */
    .content{
        width: 100%;
        height: 100%;      
        background-color: #fff;
        padding:10px;
    }

    .text{
        font-size: 14px;
        color: #333;
        padding: 10px;
    }
</style>
